<template>
  <div>
    <div class="top">
      <!-- <button @click="testAxios">测试请求</button> -->
      <button @click="comName = 'reg'">注册</button>
      <button @click="comName = 'login'">登录</button>
      <button @click="comName = 'find'">找回密码</button>
    </div>
    <div class="body">
      <keep-alive>
        <component :is="comName"></component>
      </keep-alive>
    </div>
  </div>
</template>

<script>
import axios from "axios";
axios.defaults.baseURL = "http://124.223.14.236:3001/api";
import reg from "./components/reg.vue";
import login from "./components/login.vue";
import find from "./components/find.vue";
export default {
  components: {
    login,
    reg,
    find,
  },
  data() {
    return {
      comName: "find",
    };
  },
};
</script>

<style>
</style>
